<!DOCTYPE html>
<html data-ng-app="appSkeleton" ng-controller="SkeletonMainCtrl">
<head>
    <title>Solution 2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"/>

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- build:css styles/vendor.css -->
    <!-- bower:css -->
    <link rel="stylesheet" href="bower_components/angular-carousel/dist/angular-carousel.css" />
    <link rel="stylesheet" href="bower_components/perfect-scrollbar/src/perfect-scrollbar.css" />
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="bower_components/angular-motion/dist/angular-motion.css" />
    <link rel="stylesheet" href="bower_components/xcomponent-widgets/build_on_demand/build/core.min.css" />
    <!-- endbower -->

    <!-- endbuild -->
    <!-- build:css({.tmp,app}) styles/main.css -->
    <link rel="stylesheet" type="text/css" href="components/app.css">

    <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css"/>
    <!--<link rel="stylesheet" type="text/css" href="bower_components/Font-Awesome/css/font-awesome.min.css">-->

    <link rel="stylesheet" type="text/css" href="components/function-A/function-A.css">
    <link rel="stylesheet" type="text/css" href="components/function-B/function-B.css">


    <!-- endbuild -->

    <!-- build:js scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
    <script src="bower_components/tinycolor/tinycolor.js"></script>
    <script src="bower_components/quick-ng-repeat/quick-ng-repeat.js"></script>
    <script src="bower_components/angular-bindonce/bindonce.js"></script>
    <script src="bower_components/angular-adaptive-detection/src/angular-adaptive-detection.js"></script>
    <script src="bower_components/ngInfiniteScroll/build/ng-infinite-scroll.js"></script>
    <script src="bower_components/lrInfiniteScroll/lrInfiniteScroll.js"></script>
    <script src="bower_components/angular-touch/angular-touch.js"></script>
    <script src="bower_components/angular-carousel/dist/angular-carousel.js"></script>
    <script src="bower_components/angular-filter/dist/angular-filter.js"></script>
    <script src="bower_components/perfect-scrollbar/src/perfect-scrollbar.js"></script>
    <script src="bower_components/angular-once/once.js"></script>
    <script src="bower_components/jquery-ui/jquery-ui.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/angular-animate/angular-animate.js"></script>
    <script src="bower_components/angular-strap/dist/angular-strap.js"></script>
    <script src="bower_components/angular-strap/dist/angular-strap.tpl.js"></script>
    <script src="bower_components/moment/moment.js"></script>
    <script src="bower_components/xcomponent/components/xcomponent.js"></script>
    <script src="bower_components/xcomponent/components/filter/filter.js"></script>
    <script src="bower_components/xcomponent/components/filter/util.js"></script>
    <script src="bower_components/xcomponent/components/filter/i18n.js"></script>
    <script src="bower_components/xcomponent/components/filter/i18n-array.js"></script>
    <script src="bower_components/xcomponent/components/filter/i18n-plural.js"></script>
    <script src="bower_components/xcomponent/components/filter/time-filter.js"></script>
    <script src="bower_components/xcomponent/components/filter/i18n-index.js"></script>
    <script src="bower_components/xcomponent/components/filter/new-line.js"></script>
    <script src="bower_components/xcomponent/components/filter/compare-date-filter.js"></script>
    <script src="bower_components/xcomponent/components/responsive/responsive-directive.js"></script>
    <script src="bower_components/xcomponent/components/cache/data-cache.js"></script>
    <script src="bower_components/ocLazyLoad/dist/ocLazyLoad.min.js"></script>
    <script src="bower_components/xcomponent-widgets/build_on_demand/build/core.min.js"></script>
    <!-- endbower -->
    <!-- endbuild -->


    <!-- build:js({.tmp,app}) scripts/scripts.js -->

    <script type="text/javascript" src="components/app.js"></script>
    <script type="text/javascript" src="components/constant.js"></script>
    <script type="text/javascript" src="components/controller.js"></script>
    <script type="text/javascript" src="components/template.js"></script>


    <script type="text/javascript"
            src="components/function-A/function-A-directive.js"></script>
    <script type="text/javascript"
            src="components/function-B/function-B-directive.js"></script>

    <!-- endbuild -->


    <!-- build:js({.tmp,app}) scripts/registry.js -->

    <script type="text/javascript" src="components/registry-page.js"></script>

    <!-- endbuild -->




</head>
<!--style="background-image:url('app/images/background.png') "-->
<body style="height: 100%">

<div class="container" style="height: 100%;max-width: initial">
    <div class="col-xs-3">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Navigation</h3>
            </div>
            <div>
                <div class="list-group">
                    <a href="#/function_A_lazyload" class="list-group-item">Function A with lazy load</a>
                    <a href="#/function_A" class="list-group-item">Function A without lazy load</a>
                    <a href="#/function_B_lazyload" class="list-group-item">Function B with lazy load</a>
                    <a href="#/function_B" class="list-group-item">Function B without lazy load</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xs-9" ng-view style="height: 100%;overflow: auto"></div>
</div>

</body>
</html>
